Ext.define('AM.view.login.Login', {	extend : 'Ext.window.Window',
	requires : [ 'AM.view.login.LoginController', 'AM.view.login.LoginModel',
			'Ext.form.Panel', 'Ext.button.Button', 'Ext.form.field.Text',
			'Ext.form.field.ComboBox' ],
	viewModel : 'login',
	controller : 'login',
	autoShow:true,
	alias : 'widget.userlogin',
	title : 'IT学习者-人事管理系统登陆',
	closable : true,
	width : 400,
	height : 250,
	cls : 'login',
	buttonAlign : 'center',
	items : [ {
		xtype : "displayfield",
		value : "",
		height : 40,
		margin : "0 0 0 0"
	}, {
		layout : "column",
		items : [ {
			columnWidth : .7,
			xtype : 'form',
			reference : 'form',
			defaults : {
				labelSeparator : ':',
				labelWidth : 60,
				width : 200,
				labelAlign : 'left'
			},
			defaultType : 'textfield',
			items : [ {
				xtype : 'textfield',
				fieldLabel : ' 用户名 ',
				emptyText : "请输入用户名",
				regex : /([A-Za-z]{1})\w{1,19}/,
				regexText : '用户名格式有误',
				name : 'loginName',
				allowBlank : false,
				blankText : '用户名不能为空',
				minLength : 5,
				minLengthText : '用户名的长度为[5-16]',
				maxLength : 16,
				maxLengthText : '用户名的长度为[5-16]',
				margin : "10 10 10 50"
			}, {
				xtype : 'textfield',
				name : 'password',
				inputType : 'password',
				fieldLabel : '密 码',
				fieldCls : 'password',
				emptyText : "请输入密码",
				inputType : 'password',
				allowBlank : false,
				blankText : '密码不能为空',
				minLength : 5,
				minLengthText : '密码的长度为[5-20]',
				maxLength : 20,
				maxLengthText : '密码的长度为[5-20]',
				margin : "15 10 10 50"
			}, {
				xtype : 'textfield',
				width : 120,
				fieldLabel : '验证码',
				name : 'authcode',
				allowBlank : false,
				blankText : '验证码不能为空',
				margin : "15 0 0 50"
			}, {
				xtype : 'panel',
				columnWidth : .4,
				height : 30,
				html:"<a href='#' onclick='javascript:refreshCode();'><img+" +
				 		" id='validateCodeImg' title='点击更换' alt='点击更换' src='authCode'+" +
				 		" /></a>",
				margin : "-26 0 175"
			} ]
		}, {
			layout : 'fit',
			bodyStyle : 'background:transparent',// 设置为透明,不不妨碍更换主题了
			columnWidth : .28,
			height : 120,
			items : [ {
				xtype : "displayfield",
				hideLabel : true,
				margin : "-105 0 0 0",
				value : "<img src='static/images/add.png' />"
			} ]
		} ]
	} ],
	buttons : [ {
		text : '确定',
		listeners : {
			click : 'onLoginClick'
		}
	}, {
		text : "重置",
		handler : function() {
			this.up('window').down('form').getForm().reset();
		}
	} ]
});
// 刷新验证码
function refreshCode() {
	document.getElementById("validateCodeImg").src = "authCode?"
			+ Math.random();
}